<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Focus - Avaleht</title>
<link href="http://fonts.googleapis.com/css?family=PT+Sans|Changa+One" rel="stylesheet" type="text/css">
<link href="styles/common.css" rel="stylesheet" type="text/css" />
<link href="styles/messages.css" rel="stylesheet" type="text/css" />
<link href="coin-slider/coin-slider-styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="coin-slider/coin-slider.js"></script>
<script type="text/javascript" src="js/focus.messages.js"></script>
<script type="text/javascript" src="js/focus.core.js"></script>
</head>

<body>

<div class="content">

  <div class="left-content">
  
  	<div class="add-filter">
  
        <form action="#" method="post" enctype="multipart/form-data" name="addform" class="addform" id="install">
            <div class="addform-row">
                <label>Pealkiri
                  <input name="title" type="text" class="input-field" id="title" />
                </label>
            </div>
            
            <!-- Tabhost start -->
             <div class="addform-tabhost">
               <ul>
                 <li>B-Turg</li>
                 <li class="active">Hinnavaatlus</li>
                 <li>Osta.ee</li>
                 <li>Soov.ee</li>
               </ul>
             </div>	
             
             <div class="addform-tabhost-container">
             
           	   <div class="addform-tabhost-separator">
                    <label>
                        Kategooriad
                        <select name="categories" size="20" id="categories" class="addform-tabhost-list">
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                        </select>
                  </label>
                </div>	
                
               <div class="addform-tabhost-separator">
                    <label>Asukoht
                    	<input name="location" type="text" class="input-field-small" id="location" />
                   </label>
                    
                    <label>Hind
                   	  <input name="price-min" type="text" class="input-field-small" id="price-min" value="Min" />
                      <input name="price-max" type="text" class="input-field-small" id="price-max" value="Max" />
                 </label>
                    
                    <label>Üldpind (rm)
                   	  <input name="area-min" type="text" class="input-field-small" id="area-min" value="Min" />
                      <input name="area-max" type="text" class="input-field-small" id="area-max" value="Max" />
                 </label>
               </div>	
                
             </div>	
            <!-- Tabhost end -->
        
        	<div class="addform-row">
                <label>Intervall
                  (sekundites)
                  <input name="interval" type="text" class="input-field" id="interval" value="3600" />
                </label>
            </div>
            
        </form>
            
    	<!-- core.js sisaldab click meetodit. Vormi postitamiseks muuda üleval action parameetrit. (Ilmselt peaks tühi olema) -->
        <span class="button form-button focused-button" id="add-btn">Valmis</span>
        <span class="button form-button" onclick="resetForm($('form[name=addform]'));">Tühjenda väljad</span>
     </div>
     
  </div>
  
  
  <div class="right-content">
  
    <div class="right-navig-section">
    	<h2>Lisa uus jägija</h2>
    </div>
    
    <div class="right-navig-section">Vali sisallikas ja täpsusta otsinguparameetrid.</div>
   
  </div>
</div>

<div id="navigation-bar-container">
    <ul id="navigation-bar">
        <li id="logo">focus</li>
        <li class="button">Abiinfo</li>
        <li class="button" id="btn-sign-out">Logi välja</li>
    </ul>
</div>
</body>
</html>